body {
    padding: 0;
    margin: 0;
    color: #333;
    font-family: arial, sans-serif; 
    font-size: 1em;
}

#header p#csegsf {
    position: absolute;
    top: 60px;
    right: 1%;
    font-size: .8em;
}

div.logo {
    padding: 0;
    overflow: auto;
    float: left;
    position: relative;
}

div.logodialoganchor {
    display: none;
    position: absolute;
    font-size: .8em;
    right: 0;
    bottom: 0;
    padding: .1em;
}
div#logodialog p, div#logodialog h4 {
    margin-bottom: 1%;
}
div#logodialog img {
    float: left;
}
div#logodialog {
    display: none;
    font-size: .8em;
}

div {
    padding: .6em;
    margin: 0;
}

.fg {color:#8dc968;}
.fp {color:#eca9b0;}
.fb {color:#00a2e5;}
.fy {color:#fff33d;}
.fw {color:white;}

.green {
    background: #8dc968;
}
.pink {
    background: #f4b1b7;
}
.blue {
    background: #00a2e5;
}
.yellow {
    background: #fff33d;
}
.white {
    background: white;
}
.center {
    text-align: center;
}
.right {
    text-align: right;
}
img {
    border: 0;
}

a, a:visited {
    color: #00a2e5;
}

h4 {
    margin: 1% 0 0 0;
}

.first {
    margin-top: 0;
}
.last {
    margin-bottom: 0;
}

.wrapper {
    width: 90%;
    min-width: 980px; 
    padding: 0;
    margin: 0 auto;
    overflow: auto; 
}

#header {
    border-bottom: 1px solid #8dc968;
    overflow: auto;
}

#header a {
    overflow: auto;
    float: left;
    clear: both;
}
#header a img {
}

#header h1, #header p{
    float: left;
    clear: both;
}

#header p {
    margin-top: .4%;
}

div#main-menu {
    width: 70%;
    padding: 0;
    float: right;
    margin-top: 61px;
    overflow: auto;
}

div#main-menu ul li a, div#main-menu ul li a:visited {
    text-decoration: none;
    color: inherit;
    font-weight: bold;
}

div#main-menu ul {
    overflow: auto;
    color: white;
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: .8em;
}

div#main-menu ul li {
    display: inline-block;
    color: #00a2e5;
    padding: .4em .4em;
    margin: 0;
    border-top: 2px solid white;
}

div#main-menu ul li:hover, div#main-menu ul li.click {
    border-top: 2px solid #00a2e5;
}

div#main-menu ul li ul {
    margin-top: 1.8%;
    margin-left: 0;
    position: absolute;
    padding: .2em .2em .4em .2em; 
    font-size: 1em;
    font-weight: bold;
    display: none;
    background: #00a2e5;
    z-index: 5000;
}

div#main-menu ul li ul li {
    border: 0;
    display: block;
    color: white;
    background: #00a2e5;
}

div#main-menu ul li ul li:hover {
    border: 0;
}

div#main-menu ul li ul li a:hover {
    text-decoration: underline;
}

div#main-menu ul li a span.ui-icon {
    display: inline-block;
}

div.horizontal2 {
    float: left;
    margin-right: 1%;
    width: 47%;
}

#content div.horizontal3 {
    float: left;
    width: 30%;
    padding: 0 1% 1% 1%;
    margin-right: 1%;
}

#content #face {
    padding: 0;
}

#content div.videos {
    width: 32%;
    padding: 0;
}

#content div.horizontallast {
    margin-right: 0;
    width: 32%;
}

#content div.line {
    padding: 0;
    clear: both;
    margin-top: 1%;
    overflow: auto;
}

#header {
    padding: 0;
}

#header p {
    font-size: .6em;
}
#header h1, p {
    margin: 0;
}

#footer {
    border-top: 1px solid #8dc968;
    font-size: .7em;
    padding: 3% 0 0 0;
}

#footer p {
    margin-top: 1.4%;
}

#footer .wrapper div {
    float: left;
    margin-right: 1%;
    width: 49%;
}

#footer .wrapper #laiss img {
    float: left;
    margin-right: 1%;
}

#footer .wrapper #apoio div {
    text-align: center;
    float: left;
    font-weight: bold;
    font-size: 1em;
}

#footer .wrapper #apoio {
    float: right;
    padding: 0;
}

#footer .wrapper .cc, .cc {
    float: none;
    margin: 15% 0 0 0;
    padding: 0;
    width: 100%;
    text-align: center;
    clear: both;
}

#footer #signature {
    margin: 3% 0 1% 0;
    font-style: italic;
    text-align: right;
}

#content div {
    padding: 0 1% 1% 1%;
}

#content {
    min-height: 300px;
    font-size: .8em;
    background: white;
    padding: 2% 0 10% 0;
}

#content img {
    float: left;
    margin: 0 1% 1% 0;
}
#content p {
    margin-top: 1%;
}
#content p.first {
    margin-top: 0;
}
#content .youtubeButton {
    clear: both;
    overflow: auto;
}

form {
    margin-top: 1%;
}

form .button {
    margin: 1.2% 0 0 0;
}

form .button a {
    vertical-align: bottom;
}

form.horizontal {
    overflow: auto;
}

form.vertical div a {
    vertical-align: bottom;
}
form.vertical div {
    padding: 0;
    margin-bottom: 1%;
}

form.faleconosco input[type=text], form.vertical textarea {
    width: 80%;
}

form.horizontal div {
    padding: 0 .7%;
    float: left;
    overflow: hidden;
    margin-right: 1%;
}

label {
    display: block;
    font-weight: bold;
    margin-top: 0;
}

label.checkbox {
    display: inline-block;
}

input[type=text], textarea, select, input[type=password] {
    border: 1px solid #00a2e5;
}

input[type=text], select, input[type=password] {
    padding: .6%;
}

table {
    width: 100%;
}

table.big {
    font-size: .8em;
}
table.med {
    font-size: .9em;
}

table tr:hover, table tr.dark:hover {
    background: #efe;
}

table tr.dark, table tr.odd {
    background: #efefef;
}

table tr td {
    text-align: center;
} 

table tr td.text {
    text-align: left;
}    

table tr td.number {
    text-align: right;
}    

table tr td.gover, table tr th.gover {
    background: #efe;
}
table tr td.rover, table tr th.rover {
    background: #fee;
}
table tr td.bover, table tr th.bover {
    background: #eef;
}
table tr td.wover, table tr th.wover {
    background: lightyellow;
    color: red;
}

table tr td.green {
    color: green;
    font-weight: bold;
}    

table tr.subth {
    background: #eee;
    font-size: .8em;
}
table tr.th {
    background: #eee;
}
table tr td {
    padding: .2em .4em;
}
table tr th {
    padding: .4em;
}

#administracao tr.blue {
    color: white;
}
#administracao tr.blue:hover {
    background: #00a2e5;
}

#barra-ensp {
    position: relative;
    height: 70px;
    background: url(../img/bg-div.gif) repeat-x;
    border-top: 1px solid  #cbcbcb;
    padding: 0;
}

#barra-ensp a {
    display: block;
    height: 70px;
    width: 300px;
    background: url(../img/logo.gif) no-repeat;
}

#barra-ensp a span {
    height: 0;
    width: 0;
    overflow: hidden;
    position: absolute;	
}

#barra-ensp .link-fiocruz {
    position: absolute;
    top: 15px;
    right: 15px;
    height: 25px;
    width: 86px;
    background: url(../img/logo-fiocruz.png) no-repeat;
}

.ui-state-error, .ui-state-highlight {
    font-weight: bold;
    padding: 1em;
}

div#accordion {
    font-size: 1em;
}
div#accordion div {
    overflow: auto;
}

div#tabs div ul li {
    margin: .5% 0;
}
div#tabs {
    border-top: 0;
    padding: 0;
    font-size: 1em;
}

div#tabs ul.ui-tabs-nav{
    border-width: 1px 0;
}

div#tabs div {
    padding-top: 1%;
    overflow: auto;
}

div#tabs iframe {
    float: left;
    margin-right: 1%;
}

.ui-widget {
    font-size: 1em;
}

table .ui-icon {
    display: inline-block;
    float: right;
}

div#dialog, div#charts {
    display: none;
}

div#charts div {
    overflow: hidden;
}

div#radio {
    margin: 1% 0;
    padding: .4% 0;
}

#content div.fb-like {
    overflow: hidden;
}
#content div.fb-like-box { 
    padding: 0;
}
#content div.jqte {
    margin: 1% 0;
    padding: 0;
    border: 1px solid #00a2e5;
    box-shadow: 0;
}
#content div.jqte_toolbar, #content div.jqte_tool { 
    padding: .2em;
}
#content div.jqte_editor {
    padding: 1em;
}

#leftmenu {
    color: white;
    float: left;
    margin-right: 2%;
    width: 15%;
    overflow: auto;
    height: 100%;
}


#leftmenu a, #leftmenu a:visited{
    color: white;
    text-decoration: none;
    margin-bottom: 1%;
}

#rightdiv {
    float: right;
    width: 78%;
}

.nopadding {
    padding: 0;
}

